<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/icon.png.png">
  <link rel="icon" type="image/png" href="./assets/img/icon.png">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>
    Health Ledger Web Application
  </title>
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  <meta name="title" content="Health Ledger Web Application">
  <!--     Fonts and icons     -->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
  <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
  <!-- CSS Files -->
  <link href="./assets/css/bootstrap.min.css" rel="stylesheet" />
  <link href="./assets/css/now-ui-kit.css?v=1.2.0" rel="stylesheet" />
  <style>
  .btn-primary.btn-simple {
    color: white;
    border-color: white;
  }
    
   .fab {
  padding: 15px;
  font-size: 20px;
  width: 250px;
  text-align: center;
  text-decoration: none;
  border-radius: 16px;
}


.fab:hover {
  opacity: 0.7;
}


.fa-github {
  background:rgb(51, 43, 43);
  color:white;
}

      .container .brand{
            padding-top: 80px;
      }
      @media (max-width: 400px){
          .container .brand{
              padding-top: 450px;
              padding-bottom: 300px;
          }
          .h1-seo{
              font-size: 25px;
          }
          h3{
              font-size: 14px;
          }
          .scrollbar{      
                overflow-y: scroll;
          }
      }
  </style>
</head>

<body class="index-page sidebar-collapse">
  <div class="wrapper">
    <div class="page-header clear-filter" filter-color="orange">
      <div class="page-header-image" data-parallax="true" style="background-image:url('./assets/img/landing-bcg.jpg');">
      </div>
      <div class="container scrollbar">
        <div class="content-center brand">
          <img class="n-logo" src="./assets/img/icon.png" height="200" width="200" alt="">
          <h1 class="h1-seo" style="margin-top:4%">HealthLedger</h1>
          <h3>Application for tracking Organs donations in hospitals and minimizing the scope of Organ trafficking using Blockchain (Hyperledger) technology.</h3>
          <a href="Front end/donor.html">
              <button class="btn btn-primary btn-simple btn-round btn-lg" type="button">Be A Donor!</button>
          </a>
          <a href="Front end/reciever.html">
              <button class="btn btn-primary btn-simple btn-round btn-lg" type="button">Be A Receiver!</button>
          </a>
          <a href="Front end/hospital.html">
              <button class="btn btn-primary btn-simple btn-round btn-lg" type="button">Hospitals Dashboard</button>
          </a>
          <a href="Front end/history.html">
              <button class="btn btn-primary btn-simple btn-round btn-lg" type="button">History</button>
          </a>
          <a href="Front end/register.html">
              <button class="btn btn-primary btn-simple btn-round btn-lg" type="button">Register here</button>
          </a>
          
          <h3>And join our community</h3>
          
         <a  href="https://github.com/jogendra/HealthLedger"
            
            class="share-button">
            <i class="fab fa-github"> Project Source Code</i>
        </a>
        </div>
      </div>
    </div>

  </div>
  <!--   Core JS Files   -->
  <script src="./assets/js/core/jquery.min.js" type="text/javascript"></script>
  <script src="./assets/js/core/popper.min.js" type="text/javascript"></script>
  <script src="./assets/js/core/bootstrap.min.js" type="text/javascript"></script>
  <!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
  <script src="./assets/js/now-ui-kit.js?v=1.2.0" type="text/javascript"></script>
  <script>
    $(document).ready(function() {
      // the body of this function is in assets/js/now-ui-kit.js
      nowuiKit.initSliders();
    });

    function scrollToDownload() {

      if ($('.section-download').length != 0) {
        $("html, body").animate({
          scrollTop: $('.section-download').offset().top
        }, 1000);
      }
    }
  </script>
</body>

</html>
